@charset "utf-8";
html, body {padding: 0;margin: 0;background: #fff;width: 100%;min-height: 100%;}
* {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;}
body {color: #444;font-size: 14px;position: relative;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input {vertical-align: middle;}
textarea {resize: none;}
ul {list-style: none;}
img, {display: block;}
a{color: #444;text-decoration: none;}
a:hover{color: #444;text-decoration: none;}
i, em {font-style: normal;}
p{margin-bottom: 0px;}
ul{margin-bottom: 0px;}
.c10{color: #d10000;}
.clear{clear: both;}
/*input placeholder 样式 */
::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}
/*修改滚动条*/
::-webkit-scrollbar{width:6px;height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;}

@font-face {
	font-family:fz;
	src: url('../css/bahnschrift.ttf');
}

/* 无内容 */
@media (max-width: 576px) {  
	.menu .row {padding-left: 15px !important;padding-right: 15px !important;}
.top{padding: 3% 0 !important;}
.topa a{width: 30% !important;}
.menu li{border-bottom: 1px solid #e6e6e6;background: #fff;}
.topa strong{font-size: 17px !important;line-height: 25px !important;}
.topa p{font-size: 12px  !important;line-height: 20px !important;}
.intita span{font-size: 22px !important;margin-top: -50px !important }
.intita strong{font-size: 50px !important;}
.in01ba .swiper-button-next{right:80% !important;}
.in01ba .swiper-container{padding-bottom: 16% !important;}
.banner .swiper-pagination{bottom: 0px !important}
.intitb span{font-size: 22px !important;margin-top: -50px !important }
.intitb strong{font-size: 50px !important;}
.in02b p{width: 100% !important;}
.in04aa span{font-size: 14px !important;}
.in04a .col-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.ban{background-size: 300% !important;height:200px !important;}
.locationa{color: #444 !important;text-align: left !important;}
.locationa a{color: #444 !important;}
.locationa i{color: #444 !important;}
.comcaa{font-size: 22px !important;}
.comca{font-size: 14px !important;}
.honorlist .row{padding-left: 15px !important;padding-right: 15px !important;}
.honorlist .col-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.prolist .row{padding-left: 15px !important;padding-right: 15px !important;}
.prolist .col-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.proac .row{padding-left: 15px !important;padding-right: 15px !important;}
.proac .col-4{padding-left:0.5% !important;padding-right: 0.5% !important; }
.ptit {font-size: 13px !important;}
.ptit .row{padding-left: 15px !important;padding-right: 15px !important;}
.ptit .col{padding-left:0px !important;padding-right: 0px !important; }
.ptit a i{font-size: 13px !important;}
.probb span{font-size: 13px !important;}
.prof .row{padding-left: 15px !important;padding-right: 15px !important;}
.prof .col-6{padding-left:0.5% !important;padding-right: 0.5% !important; }
.proeb span{font-size: 13px !important;line-height: 30px !important;}
.proe h4 strong{font-size: 15px !important;}
.caselist .row{padding-left: 15px !important;padding-right: 15px !important;}
.caselist .col-6{padding-left:0.5% !important;padding-right: 0.5% !important; }
.movie .row{padding-left: 15px !important;padding-right: 15px !important;}
.movie .col-6{padding-left:0.5% !important;padding-right: 0.5% !important; }
.moviea span{width: 110% !important}
.comdc input{line-height: 30px;}



}
@media (max-width: 768px) {  
.menu .container{padding-left: 0px !important;padding-right: 0px !important;max-width:100%;}
.menu::before{z-index: -1;}
.menu li{border-bottom: 1px solid #e6e6e6;}
.location{background: none !important;}
.locationa{color: #444 !important;text-align: left !important;}
.locationa a{color: #444 !important;}
.locationa i{color: #444 !important;}
}
@media (max-width: 1540px) { 
.menu::before{width: 10% !important;}
 }

@media (min-width: 992px) {

 }
@media (min-width: 1200px) {
.container{max-width: 1300px;}
 }
#dituContent label {max-width: unset!important;text-align: center;}
/*top*/
.top{padding: 1% 0;z-index: 5;top:0;width: 100%;background: #fff;position: relative;}
.topa a{float: left;}
.topa strong{display: block;font-size: 24px;line-height: 40px;}
.topa strong b{color: #326edb;}
.topa p{color: #777;line-height: 25px;}
.topa img{max-width: 100%;}
.topb {background: url(../images/intel.png) center left no-repeat;padding-left: 60px;}
.topb p{color: #777;}
.topb strong{display: block;color: #326edb;font-size: 28px;font-family: impact;}
.menu{position: relative; line-height: 53px; border-top: 1px solid #e6e6e6;}
.menu::before{position: absolute;content: "";left:0;height: 100%;width: 17%;background: #326edb;}
.menu li{padding-left: 0px;padding-right: 0px;}
.menu li:nth-of-type(1){background: #326edb;}
.menu li:nth-of-type(1) a{color: #fff;transition:.4s;}
.menu li:nth-of-type(1) a:hover{color: #ddd;}
.menu li{position: relative; text-align: center;border-right: 1px solid #e6e6e6;}
.menu li em{display: block;width: 40px;margin:0 auto; height: 40px;line-height: 40px;border-radius: 50px;background: #eee;transition:.4s;}
.menu li em i{font-size: 22px;color: #9d9d9d;}
.menu li:last-child{border-right: none;}
.menu li:hover a{background: #326edb;color: #fff;}
.menu li:last-child:hover a{background: none;}
.menu li:last-child:hover em{background: #326edb;}
.menu li:last-child:hover em i{color: #fff;}
.menu li a{display: block; transition:.4s;}

.mobmenu .flex-control-nav{background: #ddd;float: left;width: 3%;}
.mobmenu .code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-family:'Fira mono', 'Courier New', Courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em;}
.mobmenu .aligncontent-center {text-align: center;}
.mobmenu .main-header {text-align: center;font-weight:300;font-size: 90%;}
.mobmenu .menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: 0;}
.mobmenu .menu-left {float: left;}
.mobmenu .sidebar{display: none;width: 100%;height: 100%;margin: 0;left:0; position: fixed;top: 0;z-index: 9999;}
.mobmenu .menu-button i{font-size: 24px;color:#0a7ee0}
.mobmenu .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.mobmenu .sidebar nav{float: left;width: 260px;height: 100%;margin-left: -260px;color: white;background:rgba(255,255,255,0.9);}
.mobmenu .sidebar ul{padding:10%;}
.mobmenu .sidebar li a{display: block;line-height: 50px;border-bottom: 1px solid rgba(255,255,255,.5);transition:.4s;}
.mobmenu .sidebar li i{color: #666;font-size: 18px;}
.mobmenu .sidebar li a:hover{color: #04287e;}

.search-text{border: 1px solid #ddd;line-height: 40px;padding-left: 5px;}
.fdj{width: 55px;height: 40px; line-height: 40px;background: url(../images/fdj.png) center no-repeat #326edb;outline: none;color: #fff;}
.btn{border-radius: 0px !important;}

/*首页大图*/
.banner {position: relative;height: auto !important;z-index: 1}
.banner .swiper-pagination{bottom: 30px;}
.banner .swiper-wrapper{height: auto !important;}
.banner #bannerSwiper {height: auto !important;}
.banner .swiper-slide {position: relative;height: auto !important;float: left;}
.banner .swiper-slide a{display:block;width:100%;height: auto !important;}
.banner .swiper-slide a img{ width: 100%; height: auto;}
.banner .swiper-pagination {position: absolute;font-size:0;left: 0;height: 40px !important;text-align: center;bottom: 13px;width: 100%;z-index: 9999;}
.banner .swiper-pagination .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 50%;border:2px solid #fff;opacity: 0.6;margin: 0 5px;cursor: pointer;}
.banner .swiper-pagination .swiper-active-switch {background: #fff;opacity: 1;}
.banner .swiper-pagination-bullet{width: 90px;height: 2px;border-radius: 0px;background: rgba(50,110,219,0.8);}

/*in_01*/
.in_01{height: auto;overflow: hidden;background: url(../images/in01bg.png) center top no-repeat;padding: 3% 0;margin-top: -2%;position: relative;z-index: 3;}
.intita{height: auto;overflow: hidden;}
.intita strong{display: block;font-size: 60px;text-transform: uppercase;color: #3969ac;}
.intita span{display: block;font-size: 30px;color: #fff;margin-top: -60px;font-weight: bold;}
.in01a p{color: #fff;line-height: 30px;}
.in01a li{font-size:18px;color: #fff;line-height: 50px;font-weight: bold;}
.in01a li i{font-size: 28px;font-weight: normal;}
.morea{display: block;width: 160px;line-height: 40px;border: 1px solid #fff;border-radius: 5px;text-align: center;transition:.4s;}
.morea:hover{background:#326edb; }
.morea a{position: relative;display: block;color: #fff;}
.morea a i{position: absolute;bottom: 36%;display: block;width: 49px;height: 12px;background: url(../images/in01a.png) 0 center no-repeat;
	animation:mymove 1s infinite;
	-webkit-animation:mymove 1s infinite;}
@keyframes mymove
{
from {left:70%;;}
to {left:76%;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left:70%;;}
to {left:76%;}
}
.in01b li a{display: block;color: #fff;transition:.4s;position: relative;line-height: 40px;}
.in01b li a::before{position: absolute;content: "";width: 0px;height: 2px;bottom: 0;background: #ddd; transition:.4s;}
.in01b li a:hover{color: #ddd;}
.in01b li a:hover::before{width: 60%;}
.intitb{height: auto;overflow: hidden;text-align: center;}
.intitb strong{display: block;font-size: 60px;text-transform: uppercase;color: #f0f3fb;}
.intitb span{display: block;font-size: 30px;color: #326edb;margin-top: -60px;font-weight: bold;}
.in01ba .swiper-container {padding-bottom: 10%;width: 135%;}
.in01ba .swiper-slide {height: auto;overflow: hidden;background: #fff;border: 1px solid #044fa0;}
.in01ba .swiper-slide a{display: block;position: relative;}
.in01ba .swiper-slide a:hover .in01bb{background: rgba(0,0,0,0.4)}
.in01ba .swiper-slide .in01bb{position: absolute;background: rgba(0,0,0,0);width: 100%;height: 100%;transition:.4s;}
.in01ba .swiper-slide img{display: block;max-width: 100%;}
.in01ba .swiper-slide span{display: block;line-height: 60px;border-top: 1px solid #c1d3e7;}
.in01ba .swiper-slide span em{float: right;}
.in01ba .swiper-button-next i{color: #fff;}
.in01ba .swiper-button-prev i{color: #fff;}
.in01ba .swiper-button-prev{background: #326edb;transition:.4s;width: calc(var(--swiper-navigation-size)/ 44 * 44);top:90%;left:0;}
.in01ba .swiper-button-prev:hover{background: rgba(45,117,229,0.6);}
.in01ba .swiper-button-next{background: #326edb;transition:.4s;width: calc(var(--swiper-navigation-size)/ 44 * 44);top:90%;right:91%;}
.in01ba .swiper-button-next:hover{background: rgba(45,117,229,0.6);}
.in01ba .swiper-button-next:after, .in01ba .swiper-button-prev:after{display: none;}

.in02a{position: relative;}
.in02a::before {position: absolute;content: "";height: 1px;width: 100%;left:0;top:6px; background: #cccccc;}
.in02a .gallery-thumbs .swiper-slide{line-height: 50px;text-align: center;background: url(../images/tipa.png) center top no-repeat;padding-top: 2rem;cursor: pointer;}
.in02a .gallery-thumbs .swiper-slide-thumb-active{background: url(../images/tipb.png) center top no-repeat;}
.in02a {height: auto;overflow: hidden;background: rgba(0,0,0,0.);}
.in02a .gallery-top .swiper-slide img{width: 100%;}
.in02a .gallery-top .swiper-slide-prev {position: relative;}
.in02a .gallery-top .swiper-slide-next {position: relative;}
.in02a .gallery-top .swiper-slide-prev::before {position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 3;}
.in02a .gallery-top .swiper-slide-next::before {position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 3;}
.in02a .swiper-button-prev{background: #326edb;transition:.4s;left:-20px;}
.in02a .swiper-button-prev:hover{background: rgba(45,117,229,0.6);}
.in02a .swiper-button-prev i{color: #fff;}
.in02a .swiper-button-next i{color: #fff;}
.in02a .swiper-button-next{background: #326edb;transition:.4s;right:-20px;}
.in02a .swiper-button-next:hover{background: rgba(45,117,229,0.6);}
.in02a .swiper-button-next:after, .in02a .swiper-button-prev:after{display: none;}
.in02a .swiper-button-next{width: calc(var(--swiper-navigation-size)/ 44 * 44);}
.in02a .swiper-button-prev{width: calc(var(--swiper-navigation-size)/ 44 * 44);}
.inimgb{position: relative;}
.in02aa{position: absolute;bottom: 40px;z-index: 3;color: #fff;left:48%;}
.in02aa i{font-size: 50px;}
.in02aa span{display: block;line-height:20px;}

.in02b{text-align: center;}
.in02b strong{display: block;font-size: 18px;color: #222;}
.in02b p{line-height: 30px;color: #777;width: 80%;margin:0 auto;}
.in02b .morea{background: #326edb;transition:.4s;margin:0 auto;}
.in02b .morea:hover{background: #093b95;box-shadow: 0px 0px 3px 3px #093b95;border: 1px solid #ddd;}

.in_03{height: auto;overflow: hidden;background: url(../images/in03bg.png) center no-repeat;}
.in03b .swiper-container{padding: .5rem;}
.in03b .swiper-slide a{display: block;}
.in03b .swiper-slide img{display: block;max-width: 100%;margin:0 auto;transition:all 0.4s ease;}
.in03b .swiper-slide span{display: block;line-height: 50px;color: #fff;border-bottom: 1px solid #fff;font-size: 16px;transition:.4s;}
.in03b .swiper-slide span i{font-size: 20px;}
.in03b .swiper-slide:hover img{transform:scale(1.03) rotate(2deg)}
.in03b .swiper-slide:hover em{background: rgba(0,0,0,0.4)}
.in03b .swiper-slide:hover span{background: rgba(255,255,255,0.4);padding-left: 4%;}
.in03b .swiper-button-prev{background: #326edb;transition:.4s;}
.in03b .swiper-button-prev:hover{background: rgba(45,117,229,0.6);}
.in03b .swiper-button-prev i{color: #fff;}
.in03b .swiper-button-next i{color: #fff;}
.in03b .swiper-button-next{background: #326edb;transition:.4s;}
.in03b .swiper-button-next:hover{background: rgba(45,117,229,0.6);}
.in03b .swiper-button-next:after, .in03b .swiper-button-prev:after{display: none;}
.in03b .swiper-button-next{width: calc(var(--swiper-navigation-size)/ 44 * 44);}
.in03b .swiper-button-prev{width: calc(var(--swiper-navigation-size)/ 44 * 44);}
.in03b .morea{margin:0 auto;}
.inimg{position: relative;height: auto;overflow: hidden;}
.inimg em{position: absolute;content: "";z-index: 3; width: 100%;height: 100%;background: rgba(0,0,0,0);transition:.4s;}


.in_04 .row{margin-left: 15px !important;margin-right: 15px !important;}
.in04a li a {display: block;}
.in04a li:nth-of-type(1) a {background:url(../images/in04a.jpg) left top no-repeat;}
.in04a li:nth-of-type(2) a {background:url(../images/in04a.jpg) -80px top no-repeat;}
.in04a li:nth-of-type(3) a {background:url(../images/in04a.jpg) -160px top no-repeat;}
.in04a li:nth-of-type(4) a {background:url(../images/in04a.jpg) -50px top no-repeat;}
.in04a li a img{display: block;max-width: 100%;transition:all 0.4s ease;}
.in04a li a:hover .in04aa{background: #326edb;color: #fff;transform:translate3d(15px,15px,0);}
.in04a li a:hover img{transform:translate3d(15px,15px,0);}
.in04a li a:hover p{color: #fff;}
.in04a li a:hover i{color: #fff;}
.in04aa {transition:.4s;background: #f2f2f2;}
.in04aa span{display: block;line-height: 35px;font-size: 16px;height: 35px;overflow: hidden;}
.in04aa p{line-height: 25px;color: #777;transition:.4s;}
.in04aa i{line-height: 25px;color: #999;font-style: normal;transition:.4s;}

/*脚步*/
.footer{height: auto;overflow: hidden;background:url(../images/footbg.jpg) center top no-repeat;color: #7c7c7c;}
.foota{border-right: 1px dashed #505050;}
.foota span{display: block;font-size: 16px;line-height: 35px;color: #fff;}
.foota li{float: left;width: 50%; line-height: 30px; }
.foota li a{display: block;color: #858585;transition: .4s }
.foota li:hover a{color: #fff; }
.footb{border-right: 1px dashed #505050;padding-left: 6%;}
.footb span{display: block;font-size: 16px;line-height: 35px;color: #fff;}
.footc{padding-left: 6%;}
.footbot{line-height: 40px;background: #262626;color: #808080;text-align: center;}
.ewm {text-align: center;padding-top: 4%;}
.ewm img{border: 1px solid #f3f3f3;padding: 5px;max-width: 100%;}
.ewm span{display: block;line-height: 35px;color: #fff;}

.footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#326edb;color:#fff;z-index: 888;}
.footnav li{float: left;text-align: center; color: #fff;}
.footnav li a{display: block;}
.footnav li:nth-of-type(1){width: 15%;}
.footnav li:nth-of-type(1) a{border-right: 1px solid #0e43a2;}
.footnav li:nth-of-type(2){width: 15%;}
.footnav li:nth-of-type(2) a{border-right: 1px solid #0e43a2;}
.footnav li:nth-of-type(3){background: #444;width: 35%;}
.footnav li:nth-of-type(3) a{border-right: 1px solid #222;}
.footnav li:nth-of-type(4){background: #444;width: 35%;}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 25px;}
.footnav li a{display: block; color: #fff !important;padding-top:4%;}
.footnav li a:hover{color: #ffb40b}

.online_kefu{ position: fixed;  bottom: 20vh;right:1px;z-index:889;}
.online_kefu p{font-size:12px;}
.online_kefu ul li{ width:60px; height:60px; text-align: center;border-bottom: 1px solid #555;border-top: 1px solid #333; position: relative;background-color:#484848; color: #fff; cursor: pointer; transition: background-color .2s linear 0s;perspective:1000;transform-style:preserve-3d;}
.online_kefu ul li a{ color: #fff;}
.online_kefu ul li .con{ position: relative; line-height:60px;}
.online_kefu ul li .con i{font-size: 30px ;color: #fff ;}
.online_kefu ul li .hover_con{ position: absolute;  left:-200px;left:-100px;    width: 100px;   color: #ffffff;text-align: center;background-color: #2f82ff;height:60px; line-height:60px; bottom:0; transform:rotateX(-90deg); transition: all .2s linear 0s; }
.online_kefu ul li .hover_con img{ width:100px;}
.online_kefu ul li.qrcode {  }
.online_kefu ul li.qrcode .hover_con{ height: 137px;padding: 10px;width: 130px;left: -130px;}
.online_kefu ul li.qrcode .hover_con p{ color: #fff; line-height:24px;font-size:12px;}
.online_kefu li:hover{background-color: #2f82ff;}
.online_kefu li:hover .hover_con{left:-110px; transform:rotateY(0deg);}
.online_kefu li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid #2f82ff; display: block; content: '';position: absolute; top: 12px;right: -16px; transition: top .2s linear ; transition-delay: .1s; }
.online_kefu li.qrcode:hover .hover_con{  bottom: -60px;}
.online_kefu li.qrcode:hover .hover_con:before{top: 48px;}

.sa{line-height: 40px;font-size: 18px;font-weight: bold;margin-bottom: 1rem;}
/*简介*/
.ban{display: flex;align-items:center; height: 350px;overflow: hidden;background: url(../images/ban.jpg) center no-repeat;}
.bana {width: 260px;background: rgba(0,0,0,0.4);border-left: 5px solid #326edb;color: #fff;padding: 2rem;}
.bana strong{font-size: 22px;}
.bana p{line-height: 35px;font-size: 24px;font-weight: bold;text-transform: uppercase;}
.location{height: auto;line-height: 50px;color: #777;background: url(../images/location.png) center no-repeat;}
.location span{display: block;position: relative;text-align: center;transition:.4s;}
.location .active span{color: #fff;}
.location .active span::before{width: 100%;color: #fff;}
.location span::before{position: absolute;content: "";left:0; height: 100%;width: 0px;background: #326edb;z-index: -1;transition:.4s;}
.location span:hover{color: #fff;}
.location span:hover::before{width: 100%;color: #fff;}
.locationa{text-align: right;color: #fff;}
.locationa i{color: #fff;}
.locationa a{color: #fff;transition:.4s;}
.locationa a:hover{color: #ddd;}
/*content_public*/
.public{background: #f2f2f2;height: auto;overflow: hidden;}
.content{line-height: 30px;}
.content img{display: block;max-width: 100%;margin:0 auto;}
.content p{color: #777;}
.de-page-mian{height: auto;overflow: hidden;padding: 2% 0;}

/*简介*/
.companya{height: auto;overflow: hidden;}
.companya p{line-height: 30px;color: #777;}
.companyb{background: url(../images/companyb.png) top center no-repeat;}
.comca{border: 1px solid #e6e6e6;line-height: 30px;color: #777;font-size: 16px;}
.comcaa{color: #326edb;font-size: 28px;}
.comcaa i{font-size: 40px;}
.moreb {text-align: center;}
.moreb a{display: block;width: 160px;line-height: 45px;border: 1px solid #326edb;color: #326edb;text-align: center;border-radius: 80px;margin:4% auto 0 auto;transition:.4s;}
.moreb a:hover{background:  #326edb;color: #fff;}
.moreb i{color: #326edb;font-size: 38px;}
.companyd{height: auto;overflow: hidden;background: url(../images/companyd.png)  center top repeat-y;}
.comda{height: auto;overflow: hidden;background: #326edb;border-radius: 10px;color: #fff;width: 280px;}
.comda i{float: left; font-size:50px;margin-right: 2%;}
.comda span{display: block;line-height: 25px;}
.comda strong{display: block;line-height: 40px;font-size: 28px;}
.comdb li{float: left;width: 50%;color: #f4f7fa;line-height: 30px;margin-bottom: 2%;}
.comdb li span{display: block;}
.comdc{height: auto;overflow: hidden;background: #fff;}
.comdc input{line-height: 43px;border: 1px solid #e6e6e6;width: 100%;margin-bottom: 1rem;padding-left: 3%;}
.comdc textarea{height: 90px;line-height: 30px;border: 1px solid #e6e6e6;width: 100%;margin-bottom: 1rem;padding-left: 3%;}
.comdc .code {height: auto;overflow: hidden;}
.comdc .code input{float: left; width: 64%;}
.verify{float: right;width: 32%;}
.verify img{width: 100%;}
.submit{display: block; clear: both;line-height: 50px;background: #326edb;color: #fff;text-align: center;transition:.4s;}
.submit:hover{background: #444;color: #fff;}

/*荣誉*/
.honorlist{height: auto;overflow: hidden;}
.honorlist li{height: auto;overflow: hidden;}
.honorlist li img{display:block;height: auto;margin:0 auto;width: 100%;transition: all 1s ease;}
.honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.honorlist li:hover .honorfonta{background: rgba(0,0,0,0.8);opacity: 0.8;bottom: 0;}
.honorfonta{position: absolute;z-index: 88;bottom: -215px;width: 100%;color: #fff; height: 100%;padding-top: 20%; overflow: hidden;text-align: center;background: rgba(0,0,0,0);transition: .4s;}
.honorfonta span{display: block; line-height: 30px;font-size: 15px;}
.honorfonta i{font-size: 42px;}

/*新闻*/
.newslist{padding: 3rem 0;}
.newslist ul li img{display: block;max-width: 100%;}
.newslist ul li a{display: block;border: 1px solid #ebebeb;background: #fff;transition: all 1s ease;padding: 4%;}
.newslist ul li  p{line-height: 30px;color: #777;transition:.4s;margin:2% 0;}
.newslist ul li:hover a{transform: translate3d(0,-10px,0);box-shadow: rgba(0,0,0,0.3) 0px   6px 15px;}
.infontc{height: auto;overflow: hidden;}
.infontc span{display: block;font-size: 18px;color: #999;line-height: 60px;}
.infontc em{display: block;line-height: 40px;font-size: 16px;}
.newsimga{float: left;width: 40%;margin-right: 4%;}

.caselist {height: auto;overflow: hidden;background: #fff;}
.caselist img{display: block;width: 100%;}
.caselist li a{display: block;}
.caselist li:hover span{background: #326edb;color: #fff;}
.caselist li:hover span i{color: #fff;}
.caselist span{display: block;line-height: 60px;text-align: center;background: #eee;transition:.4s;}
.caselist a i{color: #326edb;transition:.4s;}

.movie{height: auto;overflow: hidden;}
.moviea a{display: block;position: relative;background: #fff;}
.moviea a:hover span{background: #336fdb;padding: 1% 0;}
.moviea span{position: absolute;bottom: 0;left:0; width: 105%;background: rgba(0,0,0,0.6);line-height: 50px;color: #deddd9;transition:.4s;}
.moviea img{display: block;width: 100%;}
.yk{background: url(../images/yk.png) left no-repeat;}
.ya em{font-size: 12px;}
.yk em{float: right;font-size: 12px;}
.pimga{position: relative; height: auto;overflow: hidden;}
.pimga b{position: absolute;z-index: 1;left: 0; width: 100%;height: 100%;background: rgba(0,0,0,0);transition:.4s;}

.shfw{height: auto;overflow: hidden;}
.shfwtit{height: auto;overflow: hidden;text-align: center;}
.shfwtit span{display: block;font-size: 24px;line-height: 50px;;}
.shfwtit p{line-height: 30px;color: #999;}
.shfwaa{height: auto;overflow: hidden;background: #f6f6f6;}
.shfwaa span{display: block;font-size: 24px;line-height: 60px;}
.shfwaa li{line-height: 30px;color: #777;}

.shfwb{background: url(../images/shfwbbg.jpg) top center no-repeat;}
.shfwba i{display: block;background: url(../images/shfwba.png) left repeat-x;height: 8px;}
.shfwba p{line-height: 25px;color: #666;}



/*新闻详情*/
.newsinfo{border-top: 10px solid #f6f7fc}
.newsinfoa{height: auto;overflow: hidden;}
.newsinfoa strong{display: block; text-align: center;font-size: 20px;margin-top: 40px; font-weight: bold;color: #4c4c4c;margin-bottom: 23px;line-height: 32px;}
.meta{line-height: 35px;height: 35px;overflow: hidden;border: 1px solid #dbdbdb;border-width: 1px 0;font-size: 12px;color: #808080;text-align: center;}
.newsaa {height: auto;overflow: hidden;}
.newsimg  img{display: block;margin:2% auto;max-width: 100%;}
.newsaa  p{line-height: 30px;}
.newsaa  img{max-width: 100%;}
.newsinfob{padding: 2% 0;height: auto;overflow: hidden;}
.newsinfob strong{display: block;font-size: 1.375rem;line-height: 60px;}
.newsinfob li{height: auto;overflow: hidden;margin-bottom: 20px;background: #f1f1f1;padding: 15px;transition:.4s;}
.newsinfob li:hover{background: #336fdb;color: #fff;}
.newsinfob li:hover span{color: #fff;}
.newsinfob li:hover p{color: #fff;}
.newsinfob li img{max-width: 100%;}
.newsinfob li span{display: block;line-height: 25px;margin:10px 0;color: #666;}
.newsinfob li p{line-height: 25px;color: #666;font-size: 13px;}
#prev_next li{float: left;width: 50%;line-height: 35px;border-top: 1px solid #dbdbdb;padding-top: 2%;}
#prev_next li a{transition:.4s;}
#prev_next li:hover a{color: #336fdb !important;}
/*content_product*/
.producta{height: auto;overflow: hidden;background: #f2f2f2;}
.prolist{height: auto;overflow: hidden;}
.prolist li{margin-bottom: 2%;}
.prolist li:hover .pimg i{background: rgba(0,0,0,0.4);}
.prolist li:hover .pfonta{background: #326edb;color: #fff;}
.prolist li:hover .pfonta p{color: #fff;}
.prolist li:hover .pfonta span{color: #fff;}
.prolist strong{display: block;font-size: 36px;line-height: 60px;text-align: center;}
.prolist img{display: block;max-width: 100%;}
.pfonta{height: auto;overflow: hidden;border-top: 1px solid #eee;text-align: center;transition: .4s}
.pfonta span{display: block;font-size: 16px;line-height: 30px;height: 30px;overflow: hidden; }
.pfonta p{line-height: 25px;color: #777; }
.pimg{position: relative;}
.pimg i{display: block; position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0);transition: .4s}
/*产品详情*/
.proa{height: auto;overflow: hidden;background:  url(../images/proa.jpg) left top repeat-x #e1f4fb;}
.proaimg img{max-width: 100%;}
.proaa{height: auto;overflow: hidden;}
.proaa h3{display: block;line-height: 75px;border-bottom: 1px solid #e6e6e6;color: #326edb;font-weight: bold;}
.proaa p{line-height: 30px;color: #777;}
.proab{height: auto;overflow: hidden;}
.proab a{display: block;width: 160px;line-height: 40px;color: #fff;text-align: center;background:#004ea1;transition: all 0.4s ease 0s;margin-right: 1rem;border-radius: 2px;}
.proab a:hover{background:#dda00f;}
.proab a:last-child{background:#e6e6e6;color: #444;}
.proab a:last-child:hover{background:#dda00f;color: #fff;}
.proac{height: auto;overflow: hidden;}
.proac p {line-height: 40px;border-bottom: 1px solid #e8e9eb;color: #777;font-size: 16px;}
.proac p i{color:  #004ea1;font-size: 20px;}
.proac li img{display: block;max-width: 100%;}
.proac li a{display: block;border: 1px solid #eee;transition: .4s}
.proac li a:hover {border: 1px solid #326edb;}
.proac li a:hover span{background: #326edb;color: #fff;}
.proac li span{display: block;line-height: 40px;text-align: center;background: #eee;transition: .4s}

.ptit{line-height: 45px;background:  url(../images/ptit.png) center  no-repeat #e1f4fb;font-size: 16px;color: #fff;}
.ptit strong{display: block;font-size: 24px;}
.ptit a{position: relative;display: block;transition:.4s;color: #fff;;}
.ptit a i{opacity: 0;font-size: 18px;}
.ptit .current a{color: #dda00f;}
.ptit .current a i{opacity: 1;}
.ptit a:hover{color: #dda00f;}
.proca{line-height: 30px;color: #777;}
.procb{height: auto;overflow: hidden;background: #f2f2f2;}
.ptita{font-weight: bold;font-size: 22px;line-height: 50px;color: #444;}
.ptita i{display: block;width: 40px;height: 2px;background: #326edb;}
.procba{height: auto;overflow: hidden;text-align: center;transition:.4s;}
.procba em{display: block;width: 60px;height: 60px;line-height: 60px;background: #fff;border-radius: 80px;margin:0 auto;text-align: center;}
.procba i{font-size: 28px;color: #326edb;}
.procba strong{display: block;font-size: 18px;line-height: 50px;}
.procba p{color: #777;line-height: 25px;}
.procba:hover {background: #0b59bb;color: #fff;}
.procba:hover em{background: #fff;}
.procba:hover em i{color: #ff9900;}
.procba:hover strong{color: #fff;}
.procba:hover p{color: #fff;}
.prob{height: auto;overflow: hidden; background:  url(../images/prob.jpg) center  no-repeat #e1f4fb fixed;color: #fff;}
.proba span{display: block;font-size: 26px;line-height: 50px;}
.proba p{font-size: 12px;text-transform: uppercase;line-height:25px;}
.probb i{float: left;font-size: 46px;margin-right: 2%;}
.probb span{display: block;line-height: 35px;font-size: 16px;}
.probc a{display: block;float: right; width: 140px;line-height: 45px;background: #db251a;color: #fff;text-align: center;transition:.4s;}
.probc a:hover{background: #dda00f;}
.procca i{display: block;width: 40px;border-top: 2px solid #ff9600;margin:4% 0;}
.procca p{line-height: 30px;color: #777;}
.procca a{display: block;width: 120px;line-height: 40px;border-radius: 10px;background: #ff9900;transition:.4s;}
.procca img{max-width: 100%;}
.procca a:hover{background: #0b59bb;}

.proda{height: auto;overflow: hidden;}
.prodaa {margin-bottom: 2%;}
.proda img{display: block;max-width: 100%;transition: all 1s ease}
.prodaa .col-6{padding-left: 0.5%;padding-right: 0.5%;margin-bottom: 1%;}
.prodab{background: #ddd;}
.proe{height: auto;overflow: hidden; background: #fff;}
.proe h4{ color: #326edb;line-height: 40px;}
.proea {border: 1px solid #e6e6e6;height: auto;overflow: hidden;}
.proea span{display: block;line-height: 40px;font-size: 16px;}
.proea li{line-height: 30px;}
.proea li em{float: left;width: 33%;}
.proea span b{color: #326edb;}
.proeb{border: 1px solid #e6e6e6;height: auto;overflow: hidden;}
.proeb span{display: block;line-height: 40px;font-size: 16px;}
.proeb a{display: block; width: 140px;line-height: 45px;background: #326edb;color: #fff;text-align: center;margin:0 auto;transition:.4s;}
.proeb a:hover{background: #444;}


.procon img {max-width: 100%} 
.procon strong {color: #444;font-size: 18px;line-height: 35px;} 
.procon table { width: 100%!important;border-collapse: collapse;} 
.procon table p{ width: 100%!important; border-collapse: collapse;} 
.procon th,tr{width: 100%!important; border-collapse: collapse;border: 1px solid #ddd;}
.procon td{border-right: 1px solid #ddd;text-align: center;}
.procon td p {text-indent: 0em !important;text-align: center !important; }
.procon td p span{text-indent: 0em !important}






.prof li a{display: block;}
.prof li a:hover .inimgc i{background: rgba(0,0,0,0.2);}
.prof li a:hover b{color: #0e6eb8}
.prof li a:hover strong{color: #0e6eb8}
.prof .swiper-pagination-bullet{width: 70px;height: 5px !important;border-radius: 0px !important;background: #fff; }
.inimgc{position: relative; height: auto;overflow: hidden;}
.inimgc img{width: 100%;}
.inimgc i{position: absolute;z-index: 8;width: 100%;height: 100%;background: rgba(0,0,0,0);transition:all 0.6s ease 0s;}
.fontc{ height: auto;overflow: hidden;padding:4%;background: #f2f2f2;}
.fontc span{display: block; line-height: 50px;height: 50px;overflow: hidden; font-size: 16px;border-bottom: 1px solid #dcdcdc;}
.fontc b{line-height: 40px;height: 40px;overflow: hidden;color: #777;transition:.4s}  
.fontc b i{float: right;}

/*侧栏*/
.sidetita{height: 70px;border-bottom: 1px solid #e8e8e8;font-size: 12px; line-height: 70px;color: #aeaeae;text-transform: uppercase;}
.sidetita span{font-size: 22px;color: #444;border-left: 2px solid #d10000;}
.sidea {background: #fff;height: auto;overflow: hidden;}
.sidea li{line-height: 45px;height: auto;overflow: hidden;border-bottom: 1px dashed #ccc;transition:.4s;}
.sidea li a{display: block;}
.sidea li i{float: right;color: #c8c8c8;}
.sidea li:hover{background: #326edb;}
.sidea li:hover a{color: #fff;}
.sidea li.on{background: #326edb;}
.sidea li.on a{color: #fff;}


.sideb{height: auto;overflow: hidden;background: #fff;}
.sideb li{background: #f2f2f2;border: 1px solid #f2f2f2;transition:.4s;}
.sideb li img{display: block;max-width: 100%;}
.sideb li span{display: block;line-height: 45px;text-align: center;}
.sideb li:hover {background: #326edb;}
.sideb li:hover span{color: #fff;}

.casecontent{height: auto;overflow: hidden;margin:2% 0;}

/*联系*/
.contacta{height: auto;overflow: hidden;border-top: 10px solid #f6f7fc;}
.contactaa{height: auto;overflow: hidden;padding-bottom: 4%;}
.contactaa li{height: auto;overflow: hidden;padding: 2% 0;border-right: 1px solid #ededed;text-align: center;}
.contactaa li i{display: block;font-size: 52px;color: #326edb;}
.contactaa li span{display: block;line-height:40px; }
.contactaa li em{display: block;width: 30px;border-top: 1px solid #888;margin:2% auto 4% auto;}
.contactaa li p{line-height:30px;font-size: 16px;color:#777;}
.contactaa li:nth-of-type(4) p{font-size: 16px;}

.contactb{height: auto;overflow: hidden;}
.contactc{height: auto;overflow: hidden;background: url(../images/contactc.jpg) center top no-repeat fixed;}
.cona{height: auto;overflow: hidden;}
.contactc .forma{height: auto;overflow: hidden;}
.contactc .forma input{float: left;width: 32%;margin-right: 2%;line-height: 40px;padding-left: 2%;border: 1px solid #e6e6e6;}
.contactc .forma input:last-child{margin-right: 0px;}
.contactc textarea {display: block;padding-left:2%;width: 100%;height: 90px;background: #fff;line-height: 35px;border: 1px solid #e6e6e6;}
.contactc .code {width: 40%;margin:0 auto;}
.contactc .code input {width: 31%;line-height: 40px;float: left;}
.conaa p {line-height: 40px;color: #fff;text-align: center;margin-top: 2%;}
.conaa p i{font-size: 18px;}
.contactc .code .verify {cursor: pointer;float: left;margin:0 2%;width: 31%;height: 40px;line-height: 40px;text-align: center;}
.contactc .code .verify img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.contactc .submit {float: left;display: block;width: 31%;font-weight: bold; height: 40px;text-align: center;line-height: 40px;background: #fff;transition:.4s; color: #04287e;font-size: 15px;}
.contactc .submit:hover {background: #0058b1;color: #fff;}
.contactc .form-tr {overflow: hidden;margin-top: 2%;}
.contactc input {display: block;width: 90%;padding-left:2%;height: 40px;line-height: 40px;background: #fff;border: 1px solid #e6e6e6;}